<!doctype html>
<html>

<head>
    <meta charset="utf-8" />
    <title>SEO三要素 之 标题</title>
    <meta name="description" content="SEO三要素 之 描述" />
    <meta name="Keywords" content="SEO三要素,之,关键词" />

    <style type="text/css">
        p {
            text-align: left;
            /*文本左对齐*/
            font-size: 18px;
            /*字体大小 18 像素*/
            line-height: 25px;
            /*行高 25 像素*/
            text-indent: 2em;
            /*首行缩进2个文字大小空间*/
            width: 500px;
            /*段落宽度 500 像素*/
            margin: 0 auto;
            /*浏览器下居中*/
            margin-bottom: 20px;
            /*段落下边距 20 像素*/
        }


        /*css表格修饰*/
        .tablelist {
            border: 1px solid gray;
            font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
            border-collapse: collapse;
            border-spacing: 1pt;
            background-color: #eaf5ff;
            font-size: 13px
        }

        .tablelist tr.backrow {
            background-color: #c7e5ff;
        }

        .tablelist td.cen {
            text-align: center;
        }

        .tablelist td.blod {
            font-weight: bold;
        }

        tr:hover{
            background-color: yellowgreen;
            color: red;
            }
    </style>
</head>

<body>

    <table class="tablelist" border="1" align="center" width="80%">
        <tr>
            <!-- th 加粗，居中-->
            <td class="cen blod">姓名</td>
            <td class="cen blod">英语</td>
            <td class="cen blod">数据结构</td>
            <td class="cen blod">数据库</td>
            <td class="cen blod">线性代数</td>
            <td class="cen blod">离散数学</td>
            <td class="cen blod">操作系统</td>
        </tr>
        <tr class="backrow">
            <td class="cen">影魔</td>
            <td class="cen">78</td>
            <td class="cen">77</td>
            <td class="cen">80</td>
            <td class="cen">90</td>
            <td class="cen">12</td>
            <td class="cen">55</td>
        </tr>
        <tr>
            <td class="cen">祈求者</td>
            <td class="cen">43</td>
            <td class="cen">23</td>
            <td class="cen">78</td>
            <td class="cen">67</td>
            <td class="cen">78</td>
            <td class="cen">73</td>
        </tr>
        <tr class="backrow">
            <td class="cen">暗夜游侠</td>
            <td class="cen">78</td>
            <td class="cen">56</td>
            <td class="cen">55</td>
            <td class="cen">73</td>
            <td class="cen">83</td>
            <td class="cen">74</td>
        </tr>
        <tr>
            <td class="cen">赏金猎人</td>
            <td class="cen">94</td>
            <td class="cen">35</td>
            <td class="cen">74</td>
            <td class="cen">96</td>
            <td class="cen">32</td>
            <td class="cen">67</td>
        </tr>
        <tr class="backrow">
            <td class="cen">椰子船长</td>
            <td class="cen">76</td>
            <td class="cen">78</td>
            <td class="cen">54</td>
            <td class="cen">45</td>
            <td class="cen">56</td>
            <td class="cen">67</td>
        </tr>
        <tr>
            <td class="cen">暗夜刺客</td>
            <td class="cen">78</td>
            <td class="cen">56</td>
            <td class="cen">67</td>
            <td class="cen">45</td>
            <td class="cen">90</td>
            <td class="cen">67</td>
        </tr>
        <tr class="backrow">
            <td class="cen">骷髅王</td>
            <td class="cen">78</td>
            <td class="cen">56</td>
            <td class="cen">44</td>
            <td class="cen">56</td>
            <td class="cen">67</td>
            <td class="cen">34</td>
        </tr>
        <tr>
            <td class="cen">山岭巨人</td>
            <td class="cen">56</td>
            <td class="cen">76</td>
            <td class="cen">45</td>
            <td class="cen">34</td>
            <td class="cen">76</td>
            <td class="cen">78</td>
        </tr>
    </table>
</body>

</html>